<label
  >Elapsed Time: <progress :value="progressRate"></progress
></label>

<div>{{ (elapsed / 1000).toFixed(1) }}s</div>

<div>
  Duration: <input type="range" v-model="duration" min="1" max="30000">
  {{ (duration / 1000).toFixed(1) }}s
</div>

<button @click="reset">Reset</button>